<!DOCTYPE html>
<!--设置初始界面的翻译提示操作-->
<html lang="en">

	<head>
		<meta charset="utf-8" />
		<title>Web_Ui_Java_Club</title>
		<!--导入jquery-->
		<script type="text/javascript" src="js/jquery-3.1.4.js"></script>
		<!--导入bootstrap.js-->
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<!--导入bootstrap.css-->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<!--导入swiper滑块-->
		<link rel="stylesheet" href="css/swiper.css" />
		<style>
			/*设置所有元素的内外边距为0进行初始化*/
			* {
				margin: 0;
				padding: 0;
				list-style: none;
			}
			/*设置header层的外边距为20px*/
			.unbox {
				margin: 30px;
			}
			/*设置导航栏字体*/
			#nav_table_tr>th {
				text-align: center;
			}
			
			#nav_table_tr>th>a>font:hover {
				color: white;
			}
			#nav_table_tr>th>a:hover {
				text-decoration: none;
				background-color: lightskyblue;
				color: white;
			}
			#nav_table_tr>th:hover {
				background-color: lightskyblue;
			}
		</style>
	</head>

	<body>
		<!--页面初始化头部层-->
		<div class="unbox" id="header" style="height: 130px;background-image: url(img/header.jpg);">
			<!--logo层栏目-->
			<div class="logo_box" style="padding-top:30px;">
				<img src="img/baidu_logo.png" style="display: inline-block; width: 200px; height: 100px; padding-bottom:30px ;" />
				<!--标题-->
				<div style="display: inline-block;padding-bottom:30px ;margin-left: 50px; padding-bottom:30px ">
					<font size="7" face="arial" font-style: italic; color="black">南大金陵百度菁英俱乐部</font>
				</div>
				<!--登录搜索模块 -->
				<div class="login_regist_search" style="margin-left:50px ; display: inline-block; padding-bottom:30px ;">
					<!--搜索功能模块-->
					<div class="search" style="display: inline-block; margin-right: 70px;">
						<!--搜索框 post方法-->
						<form action="" method="post">
							<!--设置搜索框属性-->
							<input type="text" style="width: 300px; height: 50px; display: inline-block;" class="form-control" name="search_text" placeholder="AI南大金陵" value="" />
							<!--设置搜索按钮属性 primary原始动作-->
							<button type="submit" class="btn btn-primary" style="height: 50px;">搜索</button>
						</form>
					</div>
					<!--登录注册功能模块-->
					<div class="login_regist" style="display: inline-block; margin-right: 20px;">
						<!--登录操作 待写的js业务结构-->
						<a href="javascript:;" id="login">
							<font size="5" face="arial" color="black">登录</font>
						</a>|
						<!--注册操作 待写的js业务结构-->
						<a href="javascript:;" id="regist">
							<font size="5" face="arial" color="black">注册</font>
						</a>
					</div>
				</div>
			</div>
		</div>
		<!--设置水平线-->
		<hr style="border: 1px solid deepskyblue;padding: 0px;margin: 0px;" />

		<!--設置导航栏部分-->
		<div class="content nav">
			<table width="100%" cellpadding="0" cellspacing="0" border="0" class="table" id="nav_table" style="border: 1px;">
				<tr id="nav_table_tr">
					<th>
						<a href="https://www.baidu.com">
							<font size="5" face="arial" color="black">首页</font>
						</a>
					</th>
					<th>
						<a href="https://www.baidu.com">
							<font size="5" face="arial" color="black">最新动态</font>
						</a>
					</th>
					<th>
						<a href="https://www.baidu.com">
							<font size="5" face="arial" color="black">百度最新动态</font>
						</a>
					</th>
					<th>
						<a href="https://www.baidu.com">
							<font size="5" face="arial" color="black">项目演示</font>
						</a>
					</th>
					<th>
						<a href="https://www.baidu.com">
							<font size="5" face="arial" color="black">技术分享</font>
						</a>
					</th>
					<th>
						<a href="https://www.baidu.com">
							<font size="5" face="arial" color="black">俱乐部活动</font>
						</a>
					</th>
					<th>
						<a href="https://www.baidu.com">
							<font size="5" face="arial" color="black">获奖记录</font>
						</a>
					</th>
				</tr>
			</table>
		</div>
		<!--設置滚动滑块-->

	</body>

</html>